{"version":3,"file":"static/chunks/pages/[franchiseeSlug]/blog/[uid]-61307199f4b64d4a.js","mappings":"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","sources":["webpack://_N_E/./components/OpenGraphDescription/index.tsx","webpack://_N_E/./components/OpenGraphImage/index.tsx","webpack://_N_E/./components/OpenGraphKeywords/index.tsx","webpack://_N_E/./components/OpenGraphTitle/index.tsx","webpack://_N_E/./components/Section/index.tsx","webpack://_N_E/./components/head.js","webpack://_N_E/./pages/[franchiseeSlug]/blog/[uid].tsx","webpack://_N_E/?69e3","webpack://_N_E/./node_modules/react-bootstrap/esm/Badge.js","webpack://_N_E/./node_modules/react-bootstrap/esm/Container.js"],"sourcesContent":["import React from 'react';\nimport Head from 'next/head';\n\ninterface OpenGraphDescriptionProps {\n  // add open graph description props here\n  children: React.ReactNode;\n}\n\nconst OpenGraphDescription: React.FC<OpenGraphDescriptionProps> = ({\n  children,\n}: OpenGraphDescriptionProps) => {\n  const description = children.toString();\n\n  return (\n    <Head>\n      {/* Add open graph description Content Here */}\n      <meta name='description' key='description' content={description} />\n      <meta\n        name='og:description'\n        property='og:description'\n        key='og:description'\n        content={description}\n      />\n      <meta\n        name='twitter:description'\n        key='description'\n        content={description}\n      />\n    </Head>\n  );\n};\n\nexport default OpenGraphDescription;\n","import React from 'react';\nimport Head from 'next/head';\n\ninterface OpenGraphImageProps{\n  // add open graph image props here\n  source : string;\n  alt? : string;\n  width? : number;\n  height? : number;\n}\n\nconst OpenGraphImage: React.FC<OpenGraphImageProps> = ({\n  source,\n  alt,\n  width,\n  height,\n}: OpenGraphImageProps) => (\n  <Head>\n    <meta name=\"og:image\" key=\"og:image\" content={source} />\n\n    {alt.length && (\n      <meta name=\"og:image:alt\" key=\"og:image:alt\" content={alt} />\n    )}\n\n    {/* tags inside next/head cannot be accessed if nested in more than one fragment */}\n\n    <meta\n      property=\"og:image:width\"\n      key=\"og:image:width\"\n      content={width.toString()}\n    />\n\n    <meta\n      property=\"og:image:height\"\n      key=\"og:image:height\"\n      content={height.toString()}\n    />\n\n  </Head>\n);\n\nOpenGraphImage.defaultProps = {\n  alt: '' as string,\n  width: 1200 as number,\n  height: 630 as number,\n};\n\nexport default OpenGraphImage;\n","import React from 'react';\nimport Head from 'next/head';\n\ninterface OpenGraphKeywordsProps{\n  // add open graph keywords props here\n  keywords : string | Array<string>;\n\n}\n\nconst OpenGraphKeywords: React.FC<OpenGraphKeywordsProps> = ({\n  keywords,\n}: OpenGraphKeywordsProps) => (\n  <Head>\n    <meta key=\"keywords\" name=\"keywords\" content={typeof keywords === 'string' ? keywords : keywords.join(', ')} />\n  </Head>\n);\n\nexport default OpenGraphKeywords;\n","import React from 'react';\nimport Head from 'next/head';\n\ninterface OpenGraphTitleProps{\n  title: string;\n}\n\nconst OpenGraphTitle: React.FC<OpenGraphTitleProps> = ({ title }: OpenGraphTitleProps) => (\n  <Head>\n    <title key=\"title\">{title}</title>\n    <meta name=\"og:title\" property=\"og:title\" key=\"og:title\" content={title} />\n    <meta name=\"twitter:title\" key=\"twitter:title\" content={title} />\n\n  </Head>\n);\n\nexport default OpenGraphTitle;\n","/**\n * Create a page section with different background colors, vertical padding and widths\n * Defaults to transparent, top and bottom, col-xs-12/col-md-11/col-lg-10\n */\nimport React from 'react';\nimport { Row, Col, Container } from 'react-bootstrap';\n// import style from './Section.module.scss';\n\ninterface SectionProps {\n  children?: React.ReactNode;\n  className?: string;\n  color?: string;\n  padding?: string;\n  xs?: number;\n  md?: number;\n  lg?: number;\n}\n\nconst Section: React.FC<SectionProps> = ({\n  xs,\n  md,\n  lg,\n  color,\n  className,\n  children,\n  padding,\n}: SectionProps) => {\n  const sectionColor: string = color || 'transparent';\n  const sectionXs: number = xs || 12;\n  const sectionMd: number = md || 11;\n  const sectionLg: number = lg || 10;\n  let sectionPadding: string | boolean = 'y';\n\n  if (padding === 'top') {\n    sectionPadding = 't';\n  } else if (padding === 'bottom') {\n    sectionPadding = 'b';\n  } else if (padding === 'none' || padding === null) {\n    sectionPadding = false;\n  }\n\n  return (\n    <section\n      className={`bg-${sectionColor} ${sectionPadding ? `p${sectionPadding}-5` : ''\n        } ${className || ''}`}\n    >\n      {children && (\n        <Container>\n          <Row className=\"justify-content-center\">\n            <Col xs={sectionXs} md={sectionMd} lg={sectionLg}>\n              {children || null}\n            </Col>\n          </Row>\n        </Container>\n      )}\n    </section>\n  );\n};\n\nexport default Section;\n","/**\n * SEO component that sets up the <head> and page metadata.\n *\n * @link https://github.com/nfl/react-helmet\n */\nimport { datadogRum } from '@datadog/browser-rum';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Helmet from 'react-helmet';\nimport { pink500 } from '../ui/colors';\n\nconst colorTheme = pink500;\n\nfunction Head({ slug, description, lang, meta, title }) {\n  const metaDescription = description || 'Meta';\n  // const metaDescription = 'Meta';\n  datadogRum.init({\n    applicationId: '2b8a7178-88fd-4eae-b1fc-d466adbcda4c',\n    clientToken: 'puba6170b123e376449351616f417bffbae',\n    site: 'datadoghq.com',\n    service: 'hubsite',\n\n    sessionSampleRate: 100,\n    sessionReplaySampleRate: 100, // if not included, the default is 100\n    trackResources: true,\n    trackLongTasks: true,\n    trackUserInteractions: true,\n    silentMultipleInit: true,\n  });\n\n  datadogRum.startSessionReplayRecording();\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      bodyAttributes={{\n        class: slug,\n      }}\n      title={title}\n      titleTemplate={`${title}`}\n      link={[\n        {\n          rel: 'stylesheet',\n          href: 'https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i,700,700i&display=swap',\n        },\n        {\n          rel: 'manifest',\n          href: '/manifest.webmanifest',\n        },\n        // {\n        //   rel: `stylesheet`,\n        //   href: `/ui/styles/app.css`,\n        // },\n        {\n          rel: 'apple-touch-icon',\n          sizes: '180x180',\n          href: '/favicons/apple-touch-icon.png',\n        },\n        {\n          rel: 'icon',\n          sizes: '32x32',\n          href: '/favicons/favicon-32x32.png',\n        },\n        {\n          rel: 'icon',\n          sizes: '16x16',\n          href: '/favicons/favicon-16x16.png',\n        },\n\n        {\n          rel: 'mask-icon',\n          href: '/favicons/safari-pinned-tab.svg',\n          color: colorTheme,\n        },\n      ]}\n      meta={[\n        {\n          name: 'apple-mobile-web-app-title',\n          content: 'Two Maids ',\n        },\n        {\n          name: 'application-name',\n          content: 'Two Maids ',\n        },\n        {\n          name: 'msapplication-TileColor',\n          content: colorTheme,\n        },\n        {\n          name: 'theme-color',\n          content: colorTheme,\n        },\n        {\n          name: 'description',\n          content: metaDescription,\n        },\n        {\n          property: 'og:title',\n          content: title,\n        },\n        {\n          property: 'og:description',\n          content: metaDescription,\n        },\n        {\n          property: 'og:type',\n          content: 'website',\n        },\n        {\n          name: 'twitter:card',\n          content: 'summary',\n        },\n        // {\n        //   name: `twitter:creator`,\n        //   content: site.siteMetadata.author,\n        // },\n        {\n          name: 'twitter:title',\n          content: title,\n        },\n        {\n          name: 'twitter:description',\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    >\n      {/* <script\n        async\n        defer\n        src='https://tools.luckyorange.com/core/lo.js?site-id=e4cb63f5'\n      /> */}\n      {/* <script type='text/javascript'>\n        var _stk = \"7ec2e7a246a3c3a681a7ddd9293b222b22eefd01\"; var a=document,\n        b=a.createElement(\"script\"); b.type=\"text/javascript\"; b.async=!0;\n        b.src=('https:'==document.location.protocol ? 'https://' : 'http://') +\n        'd31y97ze264gaa.cloudfront.net/assets/st/js/st.js';\n        a=a.getElementsByTagName(\"script\")[0]; a.parentNode.insertBefore(b,a);\n      </script> */}\n    </Helmet>\n  );\n}\n\nHead.defaultProps = {\n  lang: 'en',\n  meta: [],\n  description: '',\n};\n\nHead.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n};\n\nexport default Head;\n","import React, { useEffect } from 'react';\nimport { GetStaticPaths, GetStaticProps } from 'next';\nimport { useRouter } from 'next/router';\nimport { DateTime, Duration } from 'luxon';\nimport { RichText } from 'prismic-reactjs';\nimport { Row, Col, Badge, Card } from 'react-bootstrap';\nimport camelcaseKeys from 'camelcase-keys';\n// import Prismic from 'prismic-javascript';\nimport Layout from '../../../components/Layout';\nimport Head from '../../../components/head';\nimport OpenGraphTitle from '../../../components/OpenGraphTitle';\nimport OpenGraphDescription from '../../../components/OpenGraphDescription';\nimport OpenGraphKeywords from '../../../components/OpenGraphKeywords';\nimport OpenGraphImage from '../../../components/OpenGraphImage';\nimport Section from '../../../components/Section';\nimport Gataware from '../../../SDKs/Gataware';\nimport { FranchiseeProvider } from '../../../context/Franchisee';\nimport { FranchiseeState } from '../../../context/Franchisee/franchisee.types';\nimport { PrismicClient } from '../../../SDKs/Prismic/prismic.config';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faFacebook, faTwitter, faPinterest } from '@fortawesome/free-brands-svg-icons';\nimport PageTitle from '../../../components/PageTitle';\n\nconst anonAvatar = '/images/anonymous-avatar.svg';\n\nexport const getStaticPaths: GetStaticPaths = async () => {\n  // const queryResponse = await PrismicClient()\n  //   .query(Prismic.Predicates.at('document.type', 'blog-post'));\n\n  // const paths = queryResponse.results\n  //   .filter((blogPost) => blogPost.uid !== null)\n  //   .map(({ uid }) => ({ params: { uid } }));\n\n  const paths = [\n    { params: { uid: 'clean-savings', franchiseeSlug: 'birmingham' } },\n  ];\n\n  return {\n    paths,\n    fallback: 'blocking',\n  };\n};\n\nexport const getStaticProps: GetStaticProps = async (context) => {\n  const uniqueId: string = context.params.uid.toLocaleString();\n\n  const { franchiseeSlug } = context.params;\n\n  const response = await Gataware.getLocations({\n    slugs: [franchiseeSlug.toLocaleString()],\n  }).then(({ data }) => JSON.parse(data));\n\n  const franchisees = await response.data\n    .filter(({ slug }) => franchiseeSlug === slug)\n    .map((franchisee) => camelcaseKeys(franchisee));\n\n  if (!franchisees) {\n    return {\n      notFound: true,\n      revalidate: Duration.fromObject({ hours: 8 }).as('seconds'),\n    };\n  }\n\n  const [franchisee] = franchisees;\n\n  const blogPost = await PrismicClient().getByUID('blog-post', uniqueId, {});\n\n  if (!blogPost) {\n    return {\n      notFound: true,\n      // revalidate: Duration.fromObject({ minutes: 15 }).as('seconds'),\n      revalidate: Duration.fromObject({ hours: 8 }).as('seconds'),\n    };\n  }\n\n  return {\n    props: {\n      blogPost,\n      franchisee,\n    },\n    // revalidate: Duration.fromObject({ hours: 8 }).as('seconds'),\n    revalidate: Duration.fromObject({ hours: 8 }).as('seconds'),\n  };\n};\n\ninterface BlogPageProps {\n  /* add blog page props here */\n  blogPost: any;\n  franchisee: FranchiseeState;\n}\n\nconst Blog: React.FC<BlogPageProps> = ({\n  blogPost,\n  franchisee,\n}: BlogPageProps) => {\n  const path = useRouter().asPath;\n\n  const publishedDate = DateTime.fromISO(blogPost.data.dateposted);\n  const fallbackDate = DateTime.fromISO(blogPost.first_publication_date);\n  // const editedDate = DateTime.fromISO(blogPost.last_publication_date);\n\n  const { banner, blogTitle, content } = blogPost.data;\n\n  const blogPostData = blogPost.data;\n\n  const authorName = blogPost.data['author-name'];\n  const authorPhoto = blogPost.data['author-photo'];\n\n  const title = blogTitle[0]?.text;\n\n  return (\n    <FranchiseeProvider franchiseeValue={franchisee}>\n      <Layout alternateFooter>\n        <Head\n          slug={`${title}`}\n          title={`${title} | Two Maids ${franchisee.name}`}\n          description={`Two Maids ${franchisee.name}'s Blog.`}\n        />\n        <OpenGraphTitle title={`${title} | Two Maids`} />\n\n        <OpenGraphDescription>\n          {/* Add Blog description here */}\n          {`Two Maids ${franchisee.name}'s Blog.`}\n        </OpenGraphDescription>\n        {blogPost.tags.length > 0 && (\n          <OpenGraphKeywords keywords={blogPost.tags} />\n        )}\n        {banner?.url && <OpenGraphImage source={banner.url} alt={title} />}        \n          <Section padding='none' className='pt-5 single-blog-page'>\n              <Col\n                xs={12}\n                md={12}\n                className='d-flex flex-column justify-content-center mb-3 blog-heading-section'\n              >\n                <h1\n                  className='blog-title'\n                >\n                  {title}\n                </h1>\n\n                <span style={{ fontSize: 14, color: 'var(--dark-pink)' }}>\n                  {blogPost.data.dateposted === null\n                    ? fallbackDate.toFormat('MM/d/yyyy')\n                    : publishedDate.toFormat('MM/d/yyyy')}{' '}\n                </span>\n                <div className='d-flex mt-3'>\n                  <div className='d-flex flex-wrap'>\n                    {blogPost.tags.length > 0 &&\n                      blogPost.tags.map((tag) => (\n                        <Badge\n                          key={tag}\n                          style={{ fontSize: '14px',\n                          color: 'var(--dark-pink)',\n                          fontFamily: 'Gotham Medium',\n                          textTransform: 'uppercase' }}\n                          className='mb-2 pb-1'\n                        >\n                          {tag}\n                        </Badge>\n                      ))}\n                  </div>\n                </div>\n              </Col>\n              {banner?.url && (\n                <img\n                  src={banner.url}\n                  alt={banner.alt}\n                  className='blog-banner-img'\n                />\n              )}\n            \n            <div className='d-flex flex-row justify-content-start align-items-center'>\n              <a href={`https://www.facebook.com/sharer/sharer.php?u=https://twomaidscleaning.com${path}`} target=\"_blank\" rel='noreferrer'>\n                <FontAwesomeIcon\n                  icon={faFacebook}\n                  className='mr-2 my-2 blog-social-link'\n                  />\n              </a>\n\n\n              <a href={`https://twitter.com/intent/tweet?url=https://twomaidscleaning.com${path}`} target=\"_blank\" rel='noreferrer'>\n                <FontAwesomeIcon\n                  icon={faTwitter}\n                  className='mr-2 my-2 blog-social-link'\n                  />\n              </a>\n\n              <a href={`http://pinterest.com/pin/create/button/?url=https://twomaidscleaning.com${path}`} target=\"_blank\" rel='noreferrer'>\n                <FontAwesomeIcon\n                  icon={faPinterest}\n                  className='mr-2 my-2 blog-social-link'\n                  />\n              </a>\n            </div>\n          </Section>\n\n        <Section className='single-blog-content'>\n          <Row className='justify-content-center'>\n            <Col xs={12} md={12}>\n            {blogPostData.body.map((slice, sliceIndex) => {\n                if (slice.items.length === 0) {\n                  return null;\n                }\n\n                return slice.items.map((sliceItem, itemIndex) => {\n                  if (sliceItem === undefined) {\n                    return null;\n                  }\n\n                  if (slice.slice_type === 'image' && (sliceItem.optional_heading.length >= 1 || sliceItem.optional_text.length >= 1)) {\n                    return (\n                      <section\n                        key={`${sliceIndex}-${itemIndex}`}\n                        className='d-flex justify-content-between align-items-center flex-wrap flex-lg-nowrap mb-4'\n                      >\n                        <img\n                          className='w-full w-50 h-10 mx-auto pr-4 mb-4 dynamic-page-image-with-text'\n                          src={sliceItem.image.url}\n                        />\n                        <div>\n                          {RichText.render(sliceItem.optional_heading)}\n                          {RichText.render(sliceItem.optional_text)}\n                        </div>\n                      </section>\n                    );\n                  } else if (slice.slice_type === 'image') {\n                    return (\n                      <img\n                        key={`${sliceIndex}-${itemIndex}`}\n                        className='mb-4 dynamic-page-image'\n                        src={sliceItem.image.url}\n                      />\n                    );\n                  } else if (slice.slice_type === 'image_flip' && (sliceItem.optional_heading.length >= 1 || sliceItem.optional_text.length >= 1)) {\n                    return (\n                      <section\n                        key={`${sliceIndex}-${itemIndex}`}\n                        className='d-flex flex-row-reverse justify-content-between align-items-center flex-wrap flex-lg-nowrap mb-4'\n                      >\n                        <img\n                          className='w-full w-50 h-10 mx-auto pr-4 mb-4 dynamic-page-image-with-text'\n                          src={sliceItem.image.url}\n                        />\n                        <div>\n                          {RichText.render(sliceItem.optional_heading)}\n                          {RichText.render(sliceItem.optional_text)}\n                        </div>\n                      </section>\n                    );\n                  } else if (slice.slice_type === 'image_flip') {\n                    return (\n                      <img\n                        key={`${sliceIndex}-${itemIndex}`}\n                        className='mb-4 dynamic-page-image'\n                        src={sliceItem.image.url}\n                      />\n                    );\n                  } else if (slice.slice_type === 'text') {\n                    return (\n                      <div key={`${sliceIndex}-${itemIndex}`} className='mb-4 blog-content-container'>\n                        {RichText.render(sliceItem.heading)}\n                        <p className={`${itemIndex === 0 ? 'blog-text-content': ''}`}>{RichText.render(sliceItem.text)}</p>\n                      </div>\n                    );\n                  } else if (slice.slice_type === 'embed') {\n                    return (\n                      <div\n                        key={`${sliceIndex}-${itemIndex}`}\n                        className='dynamic-page-embed mb-4'\n                        dangerouslySetInnerHTML={{ __html: sliceItem.embed.html }}\n                      />\n                    );\n                  }\n\n                  return null;\n                });\n              })}\n            </Col>\n          </Row>\n        </Section>\n      </Layout>\n    </FranchiseeProvider>\n  );\n};\n\nexport default Blog;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/[franchiseeSlug]/blog/[uid]\",\n      function () {\n        return require(\"private-next-pages/[franchiseeSlug]/blog/[uid].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/[franchiseeSlug]/blog/[uid]\"])\n      });\n    }\n  ","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"bsPrefix\", \"variant\", \"pill\", \"className\", \"as\"];\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  pill: false\n};\nvar Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      variant = _ref.variant,\n      pill = _ref.pill,\n      className = _ref.className,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'span' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'badge');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, prefix, pill && prefix + \"-pill\", variant && prefix + \"-\" + variant)\n  }));\n});\nBadge.displayName = 'Badge';\nBadge.defaultProps = defaultProps;\nexport default Badge;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"bsPrefix\", \"fluid\", \"as\", \"className\"];\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  fluid: false\n};\nvar Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      fluid = _ref.fluid,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      className = _ref.className,\n      props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'container');\n  var suffix = typeof fluid === 'string' ? \"-\" + fluid : '-fluid';\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, fluid ? \"\" + prefix + suffix : prefix)\n  }));\n});\nContainer.displayName = 'Container';\nContainer.defaultProps = defaultProps;\nexport default Container;"],"names":["description","children","toString","name","content","property","OpenGraphImage","source","alt","width","height","length","defaultProps","keywords","join","title","xs","md","lg","color","className","padding","sectionColor","sectionXs","sectionMd","sectionLg","sectionPadding","colorTheme","pink500","Head","slug","lang","meta","metaDescription","datadogRum","applicationId","clientToken","site","service","sessionSampleRate","sessionReplaySampleRate","trackResources","trackLongTasks","trackUserInteractions","silentMultipleInit","htmlAttributes","bodyAttributes","class","titleTemplate","link","rel","href","sizes","concat","blogPost","franchisee","path","useRouter","asPath","publishedDate","DateTime","data","dateposted","fallbackDate","first_publication_date","banner","blogTitle","blogPostData","text","franchiseeValue","alternateFooter","tags","url","style","fontSize","toFormat","map","tag","fontFamily","textTransform","src","target","icon","faFacebook","faTwitter","faPinterest","body","slice","sliceIndex","items","sliceItem","itemIndex","undefined","slice_type","optional_heading","optional_text","image","RichText","heading","dangerouslySetInnerHTML","__html","embed","html","window","__NEXT_P","push","_excluded","Badge","_ref","ref","bsPrefix","variant","pill","_ref$as","as","Component","props","prefix","displayName","Container","fluid","suffix"],"sourceRoot":""}